<div class="fade-in-right-big smooth">
  <div class="container w-xxl w-auto-xs">
    <a class="navbar-brand block m-t">{{app.name}}</a>
    <div class="m-b-lg">
      <div class="wrapper text-center">
        <strong>登录进入系统</strong>
      </div>
      <form class="form-validation" #f="ngForm">
        <div class="text-danger wrapper text-center">
          {{authError}}
        </div>
        <div class="list-group list-group-sm">
          <div class="list-group-item">
            <input placeholder="帐 号" class="form-control no-border" name="account" ngModel required>
          </div>
          <div class="list-group-item">
            <input type="password" placeholder="密 码" class="form-control no-border" name="password" ngModel required>
          </div>
        </div>
        <button class="btn btn-lg btn-primary btn-block" (click)="login()" [disabled]="f.invalid">
          登 录
        </button>
        <div class="text-center m-t m-b"><a ui-sref="access.forgotpwd">忘记密码？</a></div>
        <div class="line line-dashed"></div>
        <p class="text-center">
          <small>没有帐号？</small>
        </p>
        <a routerLink="/signup" class="btn btn-lg btn-default btn-block">创建帐号</a>
      </form>
    </div>
    <app-footer class="text-center"></app-footer>
  </div>
</div>
